.section
  height 100%
  margin-left 10px
  flex 1
  .item-detail
    li
      margin-bottom 10px
    .img-pre
      width 100px
      height 100px
      float left
    .add-img-btn
      width 100px
      line-height 100px
      text-align center
      background #dedede
      color #fff
      font-size 24px
      float left
    .file-input
      display none

#list
  height 100%
  .list-group
    float left
    width 240px
    height 100%
    margin-right 20px
    display flex
    flex-direction column
    .list-title
      line-height 30px
      font-size 14px
      font-weight 700
      // overflow hidden
      // text-overflow ellipsis
      // white-space nowrap
      margin-bottom 10px
      padding-left 4px
      .add-item
        float right
        cursor pointer
        text-align right
        &:after
          content ''
          display block
          width 80px
    .draggable
      flex 1
      &>span
        display block
        height 100%
      &.active
        box-shadow 0px 0px 2px #10af7e
      .draggable-item
        margin-bottom 8px
  .flip-list-move
    transition transform 0.5s
  .no-move
    transition transform 0s
  .ghost
    opacity 0.5
    background #c8ebfb